<html>
<head>
  <title>Devcathlon: Hall of Fame</title>
  <link rel="stylesheet" type="text/css" href="style/boilerplate/chrometheme/chromestyle2.css" />

  <script type="text/javascript" src="style/boilerplate/chromejs/chrome.js">

  /***********************************************
  * Chrome CSS Drop Down Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
  * This notice MUST stay intact for legal use
  * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
  ***********************************************/

  </script>
  
  <link rel="stylesheet" type="text/css" href="style/boilerplate/screen.css" media="screen" />
  <link rel="stylesheet" type="text/css" href="style/boilerplate/print.css" media="print" />
  <style>
    .entry {border-top: 1px solid #3366CC; margin-top: 1px;}
  </style>
</head>

<body>
  <div id="page"> 
    <div id="header">
      <div align="right" style="margin-top: -100px;"><img src="logo.jpg"></div>
      <div class="chromestyle" id="chromemenu">
      <ul>
        <li><a href="index.loggedin.html">Home Page</a></li>
        <li><a href="myprofile.html" rel="profiledrop">My Profile</a></li>
        <li><a href="browseProfiles.html">Browse Profiles</a></li>
        <li><a href="#" rel="dropmenu1">Matches</a></li>
        <li><a href="gallery.html">Gallery</a></li>
        <li><a href="#" rel="dropmenu2">Hall of Fame</a></li>
        <li><a href="#" rel="dropmenu3">Help</a></li>        
        <li><a href="">         </a></li>
        <li><a href="index.html">Logout!</a></li> 
      </ul>      
    </div>
    
<!--Drop down menu for My Profile -->                                                   
<div id="profiledrop" class="dropmenudiv">
  <a href="editProfile.html">Edit Profile</a>
  <a href="myteams.html">My Teams</a>
  <a href="mymatches.html">My Matches</a>
</div>

<!--1st drop down menu -->                                                   
<div id="dropmenu1" class="dropmenudiv">
  <a href="publicMatches.html">Public Matches</a>
  <a href="mymatches.html">My Matches</a>
</div>

<!--2nd drop down menu -->                                                
<div id="dropmenu2" class="dropmenudiv" style="width: 150px;">
  <a href="topTeams.html">Top Teams</a>
  <a href="TopIndividuals.html">Top Individuals</a>
</div>

<!--3rd drop down menu -->                                                   
<div id="dropmenu3" class="dropmenudiv" style="width: 150px;">
  <a href="help.html">FAQ</a>
  <a href="contact.html">Contact Info</a>
</div>

<script type="text/javascript">

  cssdropdown.startchrome("chromemenu")

</script>

<!-- -------------- Page contents begins --------------- -->

<div class="wrapper">

<h2>Hall of Fame</h2>
<p>
A public page to recognize the Top Teams and Individuals. 

<div class="entry"></div> 
<!-- End class=entry -->

<div class="entry">
<h3 align="center">Top 5 Cumulative Individual Point Awards</h3> 
<div align="center">
  <table border="1">
    <tr><th>Individual</th><th>Points</th><th>Earliest Match</th><th>Team(s)</th></tr>
    <tr><td><img src="person1.jpg"/></td>
        <td>567</td>
        <td>12/1/2008</td>
        <td><a href="#">Stallman's Revenge</a>,<a href="#">Poi Pounders</a></td>
    </tr> 
    <tr><td><img src="person2.jpg"/></td>
        <td>545</td>
        <td>3/15/2008</td>
        <td><a href="#">Sunset Hackers</a>, <a href="#">Stallman's Revenge</a></td>
    </tr> 
    <tr><td><img src="person3.jpg"/></td>
        <td>511</td>
        <td>12/1/2008</td>
        <td><a href="#">Stallman's Revenge</a></td>
    </tr> 
    <tr><td><img src="person4.jpg"/></td>
        <td>456</td>
        <td>12/1/2008</td>
        <td><a href="#">Event Loopers</a></td>
    </tr> 
    <tr><td><img src="person5.jpg"/></td>
        <td>445</td>
        <td>12/1/2008</td>
        <td><a href="#">Event Loopers</a>, <a href="#">Moore's Law is really just a guideline</a></td>
    </tr> 
  </table>
</div>
</div> 
<div align="center">
  <!-- End class=entry -->
  
</div>
<div class="entry">
<h3 align="center">&nbsp;</h3>
<h3 align="center">&nbsp;</h3>
<h3 align="center">&nbsp;</h3>
<h3 align="center">Highest cumulative point awards for events</h3>
<div align="center">
  <table border="1">
    <tr><th>Event</th><th>Points</th><th>Individual/Team</th></tr>
    <tr><th><a href="#">Commit early</a></th>
        <th>223</th>
        <th><img src="person5.jpg"/>
          </tr>
    <tr><th><a href="#">Pass the build</a></th>
        <th>117</th>
        <th><img src="person4.jpg"/>
          </tr>
    <tr><th><a href="#">Keep the coverage high</a></th>
        <th>467</th>
        <th><img src="person2.jpg"/>
          </tr>
    <tr><th><a href="#">Develop right size chunks</a></th>
        <th>112</th>
        <th><img src="person5.jpg"/>
          </tr>
  </table>
</div>
</div> <!-- End class=entry -->

</div> <!-- End class=wrapper -->


<div id="footerFeedback">
<p> Top individuals
</p>
</div>
</div> <!-- End id=page -->

</body>
</html>
